<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
		<title>jQuery UI Example Page</title>
		<link type="text/css" href="css/ui-lightness/jquery-ui-1.8.24.custom.css" rel="stylesheet" />
		<script type="text/javascript" src="js/jquery-1.8.2.min.js"></script>
		<script type="text/javascript" src="js/jquery-ui-1.8.24.custom.min.js"></script>
		<script type="text/javascript">
			$(function(){

				

				// Tabs
				$('#tabs').tabs();

				

				// Datepicker
				$('#datepicker').datepicker({
					inline: true
				});

				$('#datepicker1').datepicker({
					inline: true
				});
				
			});
		</script>
		<style type="text/css">
			/*demo page css*/
			body{ font: 80% "Trebuchet MS", sans-serif; margin: 50px;}
			.demoHeaders { margin-top: 2em; }
		
		</style>
</head>
<body>
<b><font color="red"><h1> <u>Create New Event </u></h1>
Event Name <input type="text" class="textbox" name="ename" /><br>
Start Date &nbsp<input type="text" class="textbox" id="datepicker" /><br>
End date &nbsp &nbsp &nbsp<input type="text" id="datepicker1" />
<br>
Event Time    <input type="text" class="textbox" name="etime" /><br>
Event Purpose 
<select><option>Election</option>
<option>Others</option>
</select>
<br>

<input type="submit" value="Submit" name="submit" />
<input type="button" value="Cancel" name="cancel" /></font></b>
</body>

</html>